/*
		Theme: ARES V5
		Prometheus Version: 1.9.6
		Matches the V5 "cinematic / game launcher" homepage.
		Hand-written: do NOT edit this theme with the admin colour editor, it will overwrite this file.
		*/

@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800;900&family=Barlow:wght@400;500;600&family=Chakra+Petch:wght@500;600&display=swap");

:root{
  --ink:#0b0b0a;
  --ink-2:#121211;
  --char:#31302e;
  --char-2:#1c1b1a;
  --beige:#e8d0a2;
  --beige-hi:#f4e2bd;
  --beige-dim:rgba(232,208,162,.62);
  --beige-line:rgba(232,208,162,.22);
  --beige-faint:rgba(232,208,162,.07);
  --red:#a12529;
  --text:#ece6da;
  --muted:#a9a296;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --ui:"Chakra Petch",Consolas,monospace;
  --body:"Barlow",system-ui,sans-serif;
  --chamfer:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}

/* AUTO-RECOLOUR START: template palette -> ARES palette (generated from compiled/css/site.css) */
a{color:#e8d0a2}
a:hover{color:#e8d0a2}
.content{color:#a9a296}
body{background-color:#1c1b1a}
.img-thumbnail{background-color:#1c1b1a}
.form-control{background-color:#262523}
.form-control:focus{background-color:#262523}
select.form-control:focus::-ms-value{background-color:#262523}
.was-validated .custom-select:valid, .custom-select.is-valid{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #262523 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}
.was-validated .custom-select:invalid, .custom-select.is-invalid{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #262523 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23d9534f' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}
.btn-primary{background-color:#e8d0a2;border-color:#e8d0a2}
.btn-primary.disabled, .btn-primary:disabled{background-color:#e8d0a2;border-color:#e8d0a2}
.btn-outline-primary{color:#e8d0a2;border-color:#e8d0a2}
.btn-outline-primary:hover{background-color:#e8d0a2;border-color:#e8d0a2}
.btn-outline-primary.disabled, .btn-outline-primary:disabled{color:#e8d0a2}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{background-color:#e8d0a2;border-color:#e8d0a2}
.dropdown-menu{background-color:#1c1b1a}
.dropdown-item:hover, .dropdown-item:focus{background-color:#262523}
.dropdown-item.active, .dropdown-item:active{background-color:#e8d0a2;color:#0b0b0a}
.custom-control-input:checked ~ .custom-control-label::before{border-color:#e8d0a2;background-color:#e8d0a2}
.custom-control-label::before{background-color:#262523}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{border-color:#e8d0a2;background-color:#e8d0a2}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color:#262523}
.custom-select{background:#262523 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat}
.custom-select:focus::-ms-value{background-color:#262523}
.custom-file-label{background-color:#262523}
.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #1c1b1a, none}
.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #1c1b1a, none}
.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #1c1b1a, none}
.custom-range::-webkit-slider-thumb{background-color:#e8d0a2}
.custom-range::-moz-range-thumb{background-color:#e8d0a2}
.custom-range::-ms-thumb{background-color:#e8d0a2}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{background-color:#1c1b1a;border-color:#dee2e6 #dee2e6 #1c1b1a}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:#e8d0a2}
.page-link{background-color:#121211}
.page-link:hover{background-color:#121211}
.page-item.active .page-link{background-color:#e8d0a2;color:#0b0b0a}
.page-item.disabled .page-link{background-color:#121211}
.badge-primary{background-color:#e8d0a2}
.progress-bar{background-color:#e8d0a2}
.list-group-item.active{background-color:#e8d0a2;border-color:#e8d0a2}
.bg-primary{background-color:#e8d0a2 !important}
.border-primary{border-color:#e8d0a2 !important}
.text-primary{color:#e8d0a2 !important}
.info-box{background:#1c1b1a;border-left:3px solid #e8d0a2}
.darker-box{background:#1c1b1a}
.news-block{background:#1c1b1a}
.news-block a{color:#e8d0a2}
.news-block a:hover{color:#e8d0a2}
.news-block span{color:#a9a296}
.bs-callout{border:1px solid #1c1b1a;background-color:#1c1b1a}
.bs-callout-info{border-left-color:#e8d0a2}
.notSetup{background-color:#e8d0a2;color:#0b0b0a !important}
.sale-box{background-color:#e8d0a2;color:#0b0b0a}
.panel-body{background-color:#1c1b1a}
.panel-body .panel-header{background-color:#121211}
.main-menu-box{background-color:#1c1b1a}
.main-menu-box .sub-menu{background-color:#121211}
.main-menu-box .main-menu-outer-box li.active{background:#1c1b1a}
.main-menu-box .version-marker{background-color:#1c1b1a}
.main-menu-box .version-marker a{color:#e8d0a2}
.main-menu-box .version-marker a:hover{color:#e8d0a2}
.content-page-top{background-color:#1c1b1a}
.content-page-top:before{border-color:#1c1b1a transparent transparent}
.categoryLink{background-color:#e8d0a2;color:#0b0b0a}
.slider-track{background:#1c1b1a !important}
.slider-selection{background:#e8d0a2 !important}
.banner{background:#121211}
.navbar .nav-item .nav-link:hover{background-color:#262523 !important}
.navbar .nav-item.active .nav-link{background-color:#1c1b1a !important}
.navbar-inverse{background-color:#1c1b1a !important}
.footer{color:#a9a296;background-color:#262523}
.footer a{color:#e8d0a2}
.footer a:hover{color:#e8d0a2}
.footer .tos-link:hover{color:#e8d0a2}
.table-striped thead{background-color:#121211}
.table-striped tbody tr:nth-of-type(odd){background-color:#1c1b1a !important}
.ticket-header{background-color:#121211}
.progress{background:#1c1b1a}
.btn-prom{background-color:#121211 !important}
.btn-prom:hover{background-color:#121211 !important}
.btn-default{background-color:#1c1b1a;border-color:#1c1b1a !important}
.btn-default:hover, .btn-default:focus, .btn-default:active{background-color:#1c1b1a !important;color:#e8d0a2 !important;border-color:#1c1b1a !important}
.pkg-step{background-color:#1c1b1a}
.dropdown-menu .active a{background:#e8d0a2 !important}
.credit-box .credit-content{border:1px solid #1c1b1a}
.credit-box .credit-content span:nth-child(3){border-top:1px solid #1c1b1a}
#sortable li{background-color:#1c1b1a}
#sortable li i, #sortable li svg{color:#e8d0a2}
.notify-icon{border:1px solid #e8d0a2;background-color:#e8d0a2;color:#0b0b0a}
.srv-box:hover{background-color:#1c1b1a}
.srv-box:hover svg, .srv-box:hover i{color:#e8d0a2 !important}
.srv-box .srv-label{background-color:#121211}
.stat-box-header{background-color:#121211}
.stat-box{background-color:#1c1b1a}
.featured-header{background:#121211}
.store-box-header{background-color:#121211}
.store-box{border-bottom:1px solid #1c1b1a;border-right:1px solid #1c1b1a;border-left:1px solid #1c1b1a}
.store-box .store-box-upper span{border-bottom:1px solid #1c1b1a}
.store-box .store-box-upper ul li{border-top:1px solid #1c1b1a}
.store-box .store-box-upper ul li:last-child{border-bottom:1px solid #1c1b1a}
.buy-btn{background-color:#e8d0a2;border-bottom:1px solid #1c1b1a;border-right:1px solid #1c1b1a;border-left:1px solid #1c1b1a;color:#0b0b0a !important}
.buy-btn:hover, .buy-btn:focus{background-color:#e8d0a2 !important;color:#0b0b0a !important}
.dashboard-nav{background:#121211}
.dashboard-nav a{background:#121211}
.dashboard-nav a:hover{background-color:#e8d0a2;color:#0b0b0a}
.dashboard-nav a.active{background-color:#e8d0a2}
.dashboard-widget-small-box{background-color:#1c1b1a;border-top:3px solid #e8d0a2}
.dashboard-widget-small-box .element{color:#e8d0a2}
.dashboard-widget-small-box i, .dashboard-widget-small-box svg{color:#e8d0a2}
.icheckbox_line-red, .iradio_line-red{background:#121211;border-left:3px solid #e8d0a2}
.slider-track{background-color:#e8d0a2;background-image:linear-gradient(to bottom, #e8d0a2, #e8d0a2)}
.slider-selection{background-color:#e8d0a2;background-image:linear-gradient(to bottom, #e8d0a2, #e8d0a2)}
.slider-handle{background-image:linear-gradient(to bottom, #e8d0a2, #a80000);background-color:#e8d0a2}
.slider-tick{background-color:#e8d0a2;background-image:linear-gradient(to bottom, #e8d0a2, #e8d0a2)}
/* AUTO-RECOLOUR END */

/* ---------- Base ---------- */
html,body{background:var(--ink)!important;color:var(--text);font-family:var(--body)!important}
body{-webkit-font-smoothing:antialiased}
::selection{background:var(--beige);color:var(--ink)}
:focus-visible{outline:2px solid var(--beige)!important;outline-offset:3px}
a{color:var(--beige)}
a:hover{color:var(--beige-hi)}
html{scrollbar-color:var(--char) var(--ink)}

/* Film grain over everything (static, cheap) */
body::after{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Night-op shot fading into ink at the top of every page */
.wrap{
  background:
    radial-gradient(120% 70% at 75% 0%,transparent 0%,rgba(11,11,10,.6) 50%,var(--ink) 85%),
    linear-gradient(180deg,rgba(11,11,10,.45) 0,rgba(11,11,10,.82) 300px,var(--ink) 620px),
    url("img/hero-bg.jpg") 70% 0/100% auto no-repeat,
    var(--ink)!important;
}
@media (max-width:991px){
  .wrap{background:linear-gradient(180deg,rgba(11,11,10,.55) 0,var(--ink) 420px),url("img/hero-bg.jpg") 70% 0/auto 520px no-repeat,var(--ink)!important}
}

h1,h2,h3,h4{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--text)}

/* ---------- Top banner (only if a banner image is set) ---------- */
.banner{background:transparent!important;min-height:0;padding:12px 0}
.banner img{max-height:90px;width:auto}

/* ---------- Navbar ---------- */
.navbar-inverse{background:rgba(8,8,7,.82)!important;border-bottom:1px solid var(--beige-line)!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.navbar{font-family:var(--ui)}
.navbar .nav-item .nav-link{position:relative;font:600 13px/27px var(--ui)!important;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted)!important;padding:30px 16px!important;background:transparent!important}
.navbar .nav-item .nav-link i,.navbar .nav-item .nav-link svg{color:rgba(232,208,162,.45);margin-right:4px;transition:color .25s}
.navbar .nav-item .nav-link::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--beige);
  transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.1,1)}
.navbar .nav-item .nav-link:hover{color:var(--text)!important;background:transparent!important}
.navbar .nav-item .nav-link:hover i{color:var(--beige)}
.navbar .nav-item.active > .nav-link{color:var(--beige)!important;background:transparent!important}
.navbar .nav-item.active > .nav-link::after{transform:scaleX(1)}
.navbar .nav-item.active > .nav-link i{color:var(--red)}
.navbar .dropdown-toggle::after{border:0!important;content:"▾";position:static;display:inline;background:none;height:auto;transform:none;margin-left:6px;color:var(--beige-dim)}
.navbar-toggler i{color:var(--beige)!important}

/* ARES helmet badge replaces whatever logo is set in admin */
.navbar-brand{display:inline-grid!important;place-items:center;width:46px;height:46px;padding:0!important;margin:0 18px 0 0!important;background:var(--beige)}
.navbar-brand img{content:url("img/ares-logo.png");width:33px!important;height:41px!important;object-fit:contain}

.dropdown-menu{background:var(--ink-2)!important;border:1px solid var(--beige-line)!important;border-radius:0!important;padding:6px 0!important;margin-top:0!important}
.dropdown-menu .dropdown-item,.dropdown-menu li a{font:600 12px/1.2 var(--ui)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--text)!important;padding:12px 18px!important;background:transparent!important}
.dropdown-menu .dropdown-item:hover,.dropdown-menu li.active a{background:var(--beige-faint)!important;color:var(--beige)!important}
.dropdown-menu .dropdown-item i{color:var(--beige-dim)}

.notify-icon{background:var(--red)!important;border-color:var(--red)!important}
.credits{background:var(--beige-faint)!important;border:1px solid var(--beige);color:var(--beige)!important;font-family:var(--ui)}

/* Sale banner */
.sale-box{background:var(--red)!important;font:600 13px/20px var(--ui);letter-spacing:.16em;text-transform:uppercase}

/* ---------- Page content ---------- */
.content{color:var(--text)!important;padding-top:56px}
.content p{color:#d4ccbd}

/* Section headings, same as V5: ruled eyebrow "01 // Store", big off-white title, giant outlined index number behind */
body{counter-reset:ares-hdr}
.content .header{counter-increment:ares-hdr;position:relative;isolation:isolate;
  font:800 clamp(48px,6.4vw,96px)/.92 var(--display)!important;letter-spacing:.01em;color:var(--text)!important;
  text-transform:uppercase;margin:0 0 26px;padding-top:4px}
.content .header::before{content:counter(ares-hdr,decimal-leading-zero) "  //  Store";display:block;white-space:pre;
  padding-left:46px;margin-bottom:18px;font:600 12px/1.2 var(--ui);letter-spacing:.28em;color:var(--beige);
  background:linear-gradient(var(--beige),var(--beige)) 0 50%/34px 1px no-repeat}
.content .header::after{content:counter(ares-hdr,decimal-leading-zero);position:absolute;right:0;top:-.18em;z-index:-1;pointer-events:none;
  font:900 clamp(90px,13vw,200px)/.8 var(--display);color:transparent;-webkit-text-stroke:1px rgba(232,208,162,.16)}
/* News column heading: smaller, no big number */
.content .col-md-3 > .header{font-size:34px!important}
.content .col-md-3 > .header::before{content:"Intel"}
.content .col-md-3 > .header::after{content:none}

/* News */
.news-block{background:rgba(14,14,13,.85)!important;border:1px solid var(--beige-line);border-left:2px solid var(--beige);color:#d4ccbd}
.news-block b{font:600 11px var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--beige)}
.news-block a,.news-block a:hover{color:var(--beige)!important}
.news-block span{color:var(--muted)!important;font:500 11px var(--ui);letter-spacing:.14em;text-transform:uppercase}

/* ---------- Server select = V5 game-mode cards ---------- */
a:has(> .srv-box){text-decoration:none!important}
.srv-box{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  height:240px!important;padding:0!important;margin-bottom:24px!important;text-align:left!important;
  border:1px solid var(--beige-line);background-color:var(--char-2)!important;
  background-size:cover!important;background-position:center!important;
  transition:border-color .3s,transform .4s cubic-bezier(.2,.7,.1,1)}
.srv-box::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,7,.15) 0%,rgba(8,8,7,.55) 45%,rgba(8,8,7,.95) 100%)}
.srv-box::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--beige);transition:width .6s cubic-bezier(.2,.7,.1,1)}
.srv-box > i,.srv-box > svg{position:absolute;top:22px;left:22px;font-size:30px!important;color:var(--beige)!important}
.srv-box .srv-label{background:transparent!important;margin:0!important;padding:20px 22px!important;
  font:800 clamp(30px,3vw,44px)/.95 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--text)}
.srv-box .srv-label::after{content:"Open store ▸";display:block;margin-top:10px;font:600 12px var(--ui);letter-spacing:.24em;color:var(--beige);
  opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.srv-box:hover{border-color:var(--beige);background-color:var(--char-2)!important;transform:translateY(-3px)}
.srv-box:hover::after{width:100%}
.srv-box:hover .srv-label::after{opacity:1;transform:none}
.srv-box:hover > i{color:var(--beige-hi)!important}

/* ---------- Callouts / boxes ---------- */
.bs-callout{background:var(--beige-faint)!important;border:1px solid var(--beige-line)!important;border-left:3px solid var(--beige)!important;color:var(--text)!important;border-radius:0}
.bs-callout-danger{border-left-color:var(--red)!important}
.bs-callout-success{border-left-color:#8fae6f!important}
.bs-callout a{color:var(--beige);text-decoration:underline}
.bs-callout .close{color:var(--text);opacity:.7;text-shadow:none}
.info-box,.darker-box,.stat-box,.panel-body,.pkg-step{background:rgba(14,14,13,.88)!important;border:1px solid var(--beige-line)}
.info-box{border-left:3px solid var(--beige)!important}
.pkg-step:hover{border-color:var(--beige)}

/* Category filter buttons */
.categoryLink{height:auto!important;padding:10px 16px!important;margin:0 6px 8px 0;background:transparent!important;border:1px solid var(--beige-line)!important;
  font:600 12px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text)!important;transition:border-color .25s,color .25s}
.categoryLink span{color:var(--muted)}
.categoryLink:hover,.categoryLink[clicked=true]{border-color:var(--beige)!important;color:var(--beige)!important}

/* ---------- Packages = loadout cards ---------- */
.featured-header{background:var(--beige)!important;color:var(--ink)!important;margin:16px 0 0!important;padding:8px 12px!important;
  font:600 12px/1 var(--ui)!important;letter-spacing:.26em;text-transform:uppercase;text-align:left!important}
.featured-header::before{content:"★ "}
.store-box-header{margin-top:16px!important;padding:18px 20px 12px!important;background:var(--char-2)!important;border:1px solid var(--beige-line);border-bottom:0;
  font:800 30px/1 var(--display)!important;text-transform:uppercase;letter-spacing:.03em;color:var(--text)!important;text-align:left!important}
.featured-header + .store-box-header{margin-top:0!important;border-color:var(--beige)}
.store-box{background:rgba(14,14,13,.92)!important;border:1px solid var(--beige-line)!important;border-top:0!important}
.featured-header ~ .store-box{border-color:var(--beige)!important}
.store-box .store-box-upper span{font:800 40px/1.05 var(--display)!important;color:var(--beige)!important;padding:4px 20px 12px!important;text-align:left!important;
  border-bottom:1px solid var(--beige-line)!important;background:var(--char-2)}
.store-box .store-box-upper span del,.store-box .store-box-upper span s{color:var(--muted);font-size:24px}
.store-box .store-box-upper ul li{border-top:1px solid var(--beige-line)!important;color:var(--text);text-align:left!important;padding:11px 20px!important;font-size:15px}
.store-box .store-box-upper ul li:last-child{border-bottom:1px solid var(--beige-line)!important}
.store-box .store-box-upper ul li b{font:600 12px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--beige-dim)}
.store-box .store-box-lower{color:var(--muted)!important;text-align:left!important;padding:14px 20px!important;line-height:1.55}

.buy-btn{display:block;margin:0 0 28px!important;padding:16px 20px!important;background:var(--beige)!important;color:var(--ink)!important;border:0!important;
  font:600 13px/1 var(--ui)!important;letter-spacing:.22em;text-transform:uppercase;text-align:center;text-decoration:none!important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .25s}
.buy-btn::after{content:" →"}
.buy-btn:hover,.buy-btn:focus{background:var(--beige-hi)!important;color:var(--ink)!important}
.buy-btn.disabled{background:var(--char)!important;color:var(--muted)!important;pointer-events:none}
.buy-btn.disabled::after{content:""}

/* ---------- Buttons ---------- */
.btn{border-radius:0!important;font:600 12px/1 var(--ui)!important;letter-spacing:.18em;text-transform:uppercase;padding:12px 18px}
.btn-success,.btn-primary{background:var(--beige)!important;border-color:var(--beige)!important;color:var(--ink)!important;clip-path:var(--chamfer)}
.btn-success:hover,.btn-primary:hover{background:var(--beige-hi)!important}
.btn-default,.btn-prom,.btn-secondary{background:transparent!important;border:1px solid var(--beige-line)!important;color:var(--text)!important}
.btn-default:hover,.btn-prom:hover,.btn-secondary:hover{border-color:var(--beige)!important;color:var(--beige)!important;background:var(--beige-faint)!important}
.btn-danger{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.btn-warning{background:transparent!important;border:1px solid var(--beige)!important;color:var(--beige)!important}

/* ---------- Forms ---------- */
.form-control,.custom-select,select.form-control{background:var(--ink)!important;border:1px solid var(--beige-line)!important;border-radius:0!important;color:var(--text)!important}
.form-control:focus{border-color:var(--beige)!important;box-shadow:none!important}
.form-control::placeholder{color:var(--muted)}
label,.control-label{color:var(--text)}

/* ---------- Tables, goals, pagination ---------- */
.table{color:var(--text)!important}
.table td,.table th{border-color:var(--beige-line)!important}
.table-striped thead{background:var(--char-2)!important;color:var(--beige)!important;font:600 11px var(--ui);letter-spacing:.2em;text-transform:uppercase}
.table-striped tbody tr:nth-of-type(odd){background:rgba(232,208,162,.035)!important}
.donationGoal h2,.top_donators h2,.recent_donators h2{font:800 30px/1 var(--display);color:var(--beige);margin:28px 0 14px}
.progress{background:var(--char-2)!important;border-radius:0!important;height:26px;border:1px solid var(--beige-line)}
.progress-bar{background:var(--beige)!important;color:var(--ink)!important;font:600 11px/24px var(--ui);letter-spacing:.14em}
.page-link{background:var(--char-2)!important;border:1px solid var(--beige-line)!important;color:var(--text)!important;border-radius:0!important;font-family:var(--ui)}
.page-item.active .page-link,.page-link:hover{background:var(--beige)!important;color:var(--ink)!important;border-color:var(--beige)!important}

/* ---------- Modals ---------- */
.modal-content{background:var(--ink-2)!important;border:1px solid var(--beige-line)!important;border-radius:0!important;color:var(--text)}
.modal-header,.modal-footer{border-color:var(--beige-line)!important}
.modal-title{font:800 28px/1 var(--display);text-transform:uppercase;color:var(--beige)}
.modal-content .close{color:var(--text);text-shadow:none;opacity:.8}

/* ---------- Footer ---------- */
.footer{background:#080807!important;border-top:1px solid var(--beige-line);color:var(--muted)!important;font:500 12px/1.9 var(--ui);letter-spacing:.14em;text-transform:uppercase}
.footer a{color:var(--beige)!important}
.footer .tos-link{color:var(--text)!important}
.footer .tos-link:hover,.footer a:hover{color:var(--beige-hi)!important}
.footer .container::before{content:"ARES // Ares Defence Services";display:block;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--beige-line);
  font:900 28px/1 var(--display);letter-spacing:.06em;color:var(--beige)}

/* ---------- V5 side rail (store pages only; admin keeps its fixed top bar) ---------- */
.ares-hud,.rail-discord{display:none}
@media (min-width:992px){
  body:has(.navbar-inverse:not(.fixed-top)){padding-left:248px}
  .navbar-inverse:not(.fixed-top){position:fixed!important;top:0;bottom:0;left:0;width:248px;z-index:1030;
    display:flex;flex-direction:column;align-items:stretch;padding:28px 0 22px 28px!important;
    background:linear-gradient(90deg,rgba(8,8,7,.94) 0%,rgba(8,8,7,.78) 70%,rgba(8,8,7,.2) 100%)!important;
    border:0!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  .navbar-inverse:not(.fixed-top)::after{content:"";position:absolute;top:28px;bottom:22px;right:18px;width:1px;
    background:linear-gradient(var(--beige-line),transparent 30%,transparent 70%,var(--beige-line))}
  .navbar-inverse:not(.fixed-top) > .container{max-width:none;width:100%;height:100%;padding:0;margin:0;
    display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch}
  .navbar-inverse:not(.fixed-top) .navbar-header{justify-content:flex-start!important}

  /* Brand: badge + ARES / Community store */
  .navbar-inverse:not(.fixed-top) .navbar-brand{position:relative;width:46px;height:46px;margin:0!important}
  .navbar-inverse:not(.fixed-top) .navbar-brand::after{content:"ARES";position:absolute;left:58px;top:3px;white-space:nowrap;
    font:900 27px/1 var(--display);letter-spacing:.14em;color:var(--beige)}
  .navbar-inverse:not(.fixed-top) .navbar-brand::before{content:"Gaming community";position:absolute;left:59px;top:32px;white-space:nowrap;
    font:500 10px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

  .navbar-inverse:not(.fixed-top) .navbar-collapse{flex:1;display:flex!important;flex-direction:column;align-items:stretch;min-height:0}

  /* Main menu: numbered, vertically centred */
  .navbar-inverse:not(.fixed-top) .navbar-collapse > .nav:first-child{flex-direction:column!important;margin:auto 0;counter-reset:rail -1}
  .navbar-inverse:not(.fixed-top) .navbar-collapse > .nav:first-child > .nav-item{counter-increment:rail}
  .navbar-inverse:not(.fixed-top) .nav-item .nav-link{display:inline-flex;align-items:baseline;gap:14px;padding:11px 14px 11px 0!important;
    font:500 13px/1 var(--ui)!important;letter-spacing:.22em}
  .navbar-inverse:not(.fixed-top) .nav-item .nav-link i,.navbar-inverse:not(.fixed-top) .nav-item .nav-link svg{display:none}
  .navbar-inverse:not(.fixed-top) .navbar-collapse > .nav:first-child .nav-link::before{content:counter(rail,decimal-leading-zero);
    width:20px;font:600 12px var(--ui);color:rgba(232,208,162,.4);transition:color .3s}
  .navbar-inverse:not(.fixed-top) .nav-item .nav-link::after,
  .navbar-inverse:not(.fixed-top) .nav-item .dropdown-toggle::after{content:""!important;position:absolute;left:-28px;right:auto;top:50%;bottom:auto;
    width:18px;height:2px;margin:0;border:0!important;background:var(--beige);transform:scaleX(0);transform-origin:left}
  .navbar-inverse:not(.fixed-top) .nav-item.active > .nav-link{
    background:linear-gradient(var(--red),var(--red)) right 0 center/5px 5px no-repeat!important}
  .navbar-inverse:not(.fixed-top) .nav-item.active > .nav-link::before{color:var(--beige)}
  .navbar-inverse:not(.fixed-top) .nav-item.active > .nav-link::after{transform:scaleX(1)}
  .navbar-inverse:not(.fixed-top) .nav-item:not(.active) > .nav-link:hover::after{transform:scaleX(.5)}
  /* Store dropdown opens inline, inside the rail */
  .navbar-inverse:not(.fixed-top) .dropdown-menu{position:static!important;transform:none!important;float:none;
    background:transparent!important;border:0!important;padding:0 0 6px 34px!important;min-width:0}
  .navbar-inverse:not(.fixed-top) .dropdown-menu .dropdown-item{padding:8px 0!important;font-size:11px!important;color:var(--muted)!important}
  .navbar-inverse:not(.fixed-top) .dropdown-menu .dropdown-item:hover{color:var(--beige)!important;background:transparent!important}

  /* Account links (Support / Admin / Sign out / Sign in) */
  .navbar-inverse:not(.fixed-top) .navbar-collapse > .nav.ml-auto{margin-left:0!important;flex-direction:column!important;
    border-top:1px solid var(--beige-line);width:calc(100% - 46px);padding-top:6px}
  .navbar-inverse:not(.fixed-top) .navbar-collapse > .nav.ml-auto .nav-link{font-size:11px!important;padding:8px 0!important;color:var(--muted)!important}
  .navbar-inverse:not(.fixed-top) .navbar-collapse > .nav.ml-auto .nav-link:hover{color:var(--beige)!important}
  .navbar-inverse:not(.fixed-top) .navbar-collapse > .nav.ml-auto .nav-link::after{display:none}
  .navbar-inverse:not(.fixed-top) .notify-icon{right:auto;left:-14px;top:12px}

  /* Discord link + HUD (added by hud.js) */
  .rail-discord{display:inline-flex;gap:8px;align-items:center;width:calc(100% - 46px);margin:8px 0 18px;padding:10px 0;
    border-top:1px solid var(--beige-line);font:600 12px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--beige)!important;text-decoration:none!important}
  .rail-discord:hover{color:#fff!important}
  .ares-hud{display:block;position:relative;width:calc(100% - 46px);border:1px solid var(--beige-line);background:rgba(11,11,10,.78);padding:12px 12px 11px}
  .ares-hud::before,.ares-hud::after{content:"";position:absolute;width:8px;height:8px;border:solid var(--beige)}
  .ares-hud::before{top:-1px;left:-1px;border-width:2px 0 0 2px}
  .ares-hud::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
}
.ares-hud .hud-label{font:600 10px/1 var(--ui);letter-spacing:.24em;color:var(--beige);text-transform:uppercase}
.ares-hud .hud-label i{display:inline-block;width:6px;height:6px;background:var(--red);margin-right:7px;vertical-align:1px}
@media (prefers-reduced-motion:no-preference){.ares-hud .hud-label i{animation:ares-blink 1.6s steps(2) infinite}}
@keyframes ares-blink{50%{opacity:.15}}
.ares-hud .hud-op{font:500 11px/1.3 var(--ui);color:var(--muted);margin:7px 0 6px;letter-spacing:.06em}
.ares-hud .hud-count{display:flex;gap:4px;font:600 26px/1 var(--ui);color:var(--text);font-variant-numeric:tabular-nums}
.ares-hud .hud-count span{display:flex;flex-direction:column}
.ares-hud .hud-count small{font:500 9px/1 var(--ui);letter-spacing:.18em;color:var(--muted);margin-top:4px}
.ares-hud .hud-count em{font-style:normal;color:rgba(232,208,162,.35)}
.ares-hud .hud-live{font:800 24px/1 var(--display);letter-spacing:.06em;color:var(--beige);text-transform:uppercase}
.ares-hud .hud-local{font:400 11px/1.35 var(--ui);color:var(--muted);margin-top:8px;border-top:1px dashed var(--beige-line);padding-top:7px}
/* Phones/tablets: top bar stays, HUD becomes a slim bar along the bottom (like V5) */
@media (max-width:991px){
  body:has(.ares-hud){padding-bottom:58px}
  .ares-hud{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:1030;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;
    padding:8px 14px;border-top:1px solid var(--beige-line);background:rgba(8,8,7,.95)}
  .ares-hud .hud-label{grid-row:1;grid-column:1}
  .ares-hud .hud-op{display:none}
  .ares-hud .hud-main{grid-row:1/3;grid-column:2;justify-self:end}
  .ares-hud .hud-count{font-size:20px}
  .ares-hud .hud-count small{display:none}
  .ares-hud .hud-local{grid-row:2;grid-column:1;border:0;padding:0;margin:3px 0 0;font-size:10px}
  .rail-discord{display:block;padding:14px 0;font:600 12px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--beige)!important}
}

/* ---------- Admin area: palette only, layout untouched ---------- */
.main-menu-box,.main-menu-box .version-marker,.content-page-top{background:var(--ink-2)!important}
.main-menu-box .sub-menu{background:var(--ink)!important}
.main-menu-box .main-menu-outer-box li.active{background:var(--char-2)!important;box-shadow:inset 3px 0 0 var(--beige)}
.dashboard-nav,.dashboard-nav a,.ticket-header,.stat-box-header,.panel-body .panel-header{background:var(--char-2)!important}
.dashboard-widget-small-box{background:rgba(14,14,13,.9)!important;border-top-color:var(--beige)!important}

@media (prefers-reduced-motion:reduce){
  .srv-box,.srv-box::after,.srv-label::after,.navbar .nav-item .nav-link::after,.buy-btn{transition:none!important}
}

/* ---------- V5 page layout: full width beside the rail, V5 gutters ---------- */
@media (min-width:992px){
  body:has(.navbar-inverse:not(.fixed-top)) .content > .container,
  body:has(.navbar-inverse:not(.fixed-top)) .footer > .container,
  body:has(.navbar-inverse:not(.fixed-top)) .sale-box > .container,
  body:has(.navbar-inverse:not(.fixed-top)) .banner > .container{
    max-width:none;padding-left:clamp(12px,3vw,48px);padding-right:clamp(20px,5vw,72px)}
  body:has(.navbar-inverse:not(.fixed-top)) .content{padding-top:clamp(56px,9vh,96px)}
}

/* ---------- Servers listed under "Store" in the rail ---------- */
@media (min-width:992px){
  .navbar-inverse:not(.fixed-top) .nav-item.dropdown > .dropdown-menu{display:block!important}
  .navbar-inverse:not(.fixed-top) .dropdown-menu .nav-store-all{display:none}
  .navbar-inverse:not(.fixed-top) .dropdown-menu{padding:0 0 8px 34px!important;margin-top:-4px!important;width:calc(100% - 28px)}
  .navbar-inverse:not(.fixed-top) .dropdown-menu li{position:relative}
  .navbar-inverse:not(.fixed-top) .dropdown-menu .dropdown-item{display:block;padding:6px 10px 6px 14px!important;white-space:normal;
    font:500 11px/1.3 var(--ui)!important;letter-spacing:.14em;color:var(--muted)!important;border-left:1px solid var(--beige-line)}
  .navbar-inverse:not(.fixed-top) .dropdown-menu .dropdown-item i,
  .navbar-inverse:not(.fixed-top) .dropdown-menu .dropdown-item svg{display:none}
  .navbar-inverse:not(.fixed-top) .dropdown-menu .dropdown-item:hover{color:var(--text)!important;border-left-color:var(--beige-dim)}
  .navbar-inverse:not(.fixed-top) .dropdown-menu li.active > .dropdown-item{color:var(--beige)!important;border-left:2px solid var(--beige);padding-left:13px!important}
  /* the Store item itself keeps its caret off in the rail */
  .navbar-inverse:not(.fixed-top) .nav-item.dropdown > .nav-link{cursor:pointer}
}

/* ---------- Store home: server cards, goal panel, side-by-side leaderboards ---------- */
.content .splash-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:24px 28px;align-items:start}
.content .splash-info > *{grid-column:1/-1}
.content .splash-info > .top_donators{grid-column:1}
.content .splash-info > .recent_donators{grid-column:2}
@media (max-width:1199px){.content .splash-info > .top_donators,.content .splash-info > .recent_donators{grid-column:1/-1}}

.content .donationGoal,.content .top_donators,.content .recent_donators{position:relative;margin:0!important;padding:22px 24px 18px;
  border:1px solid var(--beige-line);background:rgba(14,14,13,.86)}
.content .donationGoal::before,.content .top_donators::before,.content .recent_donators::before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;
  border-top:2px solid var(--beige);border-left:2px solid var(--beige)}
.content .donationGoal h2,.content .top_donators h2,.content .recent_donators h2{margin:0 0 16px!important;font:800 28px/1 var(--display)!important;color:var(--text)!important}
.content .donationGoal h2::before,.content .top_donators h2::before,.content .recent_donators h2::before{display:block;margin-bottom:8px;
  font:600 11px/1 var(--ui);letter-spacing:.26em;color:var(--beige)}
.content .donationGoal h2::before{content:"Keep the servers running"}
.content .top_donators h2::before{content:"Leaderboard"}
.content .recent_donators h2::before{content:"Latest support"}

/* Goal: slim bar with the figure shown above it (readable even at 0%) */
.content .donationGoal .progress{position:relative;overflow:visible;height:8px!important;margin:44px 0 4px;border:0!important;background:var(--char-2)!important}
.content .donationGoal .progress-bar{overflow:visible;min-width:2px;background:var(--beige)!important}
.content .donationGoal .progress-bar span{position:absolute;left:0!important;right:auto!important;top:-30px!important;width:auto!important;text-align:left!important;transform:none!important;white-space:nowrap;color:var(--text);
  font:600 15px/1 var(--ui);letter-spacing:.1em}

/* Tables inside the panels */
.content .top_donators .table,.content .recent_donators .table{margin:0;background:transparent}
.content .top_donators .table td,.content .recent_donators .table td{border-top:0!important;border-bottom:1px solid var(--beige-line);padding:11px 8px;vertical-align:middle}
.content .top_donators tbody tr:last-child td,.content .recent_donators tbody tr:last-child td{border-bottom:0}
.content .top_donators thead,.content .recent_donators thead{background:transparent!important}
.content .top_donators thead td,.content .recent_donators thead td{padding:0 8px 10px;color:var(--muted)!important;font:600 10px/1 var(--ui);letter-spacing:.22em}
.content .top_donators .table-striped tbody tr,.content .recent_donators .table-striped tbody tr{background:transparent!important}
.content .top_donators td a,.content .recent_donators td a{color:var(--text)!important;text-decoration:none}
.content .top_donators td a:hover,.content .recent_donators td a:hover{color:var(--beige)!important}

/* Leaderboard: rank numbers, top three highlighted */
.content .top_donators tbody{counter-reset:rank}
.content .top_donators tbody tr{counter-increment:rank}
.content .top_donators tbody td:first-child::before{content:counter(rank,decimal-leading-zero);display:inline-block;width:38px;
  font:600 12px var(--ui);color:rgba(232,208,162,.4)}
.content .top_donators thead td:first-child{padding-left:46px}
.content .top_donators tbody td:last-child,.content .top_donators thead td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.content .top_donators tbody tr:nth-child(-n+3) td:first-child::before{color:var(--beige)}
.content .top_donators tbody tr:nth-child(-n+3) td a{color:var(--beige)!important}
.content .top_donators tbody tr:first-child td{padding-top:14px;padding-bottom:14px;font:800 24px/1 var(--display);letter-spacing:.03em;text-transform:uppercase}
.content .top_donators tbody tr:first-child td:last-child{color:var(--beige)}

/* Recent feed: compact, package and time muted */
.content .recent_donators td{font-size:14px}
.content .recent_donators td:nth-child(2){color:var(--muted)}
.content .recent_donators td:nth-child(3){font-variant-numeric:tabular-nums;white-space:nowrap}
.content .recent_donators td:nth-child(4){font:500 11px var(--ui);letter-spacing:.06em;color:var(--muted);white-space:nowrap}

/* Server cards on the store home (added by hud.js, from the Store menu) */
.ares-modes{margin:0 0 30px}
.ares-modes-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:1px solid var(--beige-line);padding-bottom:10px;margin-bottom:14px;
  font:600 12px var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--beige)}
.ares-modes-head span:last-child{color:var(--muted);font-weight:500;letter-spacing:.12em}
.ares-modes-row{display:flex;gap:14px;height:clamp(200px,28vh,280px)}
.ares-mode{position:relative;isolation:isolate;flex:1 1 0;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  padding:20px 22px;text-decoration:none!important;color:var(--text)!important;border:1px solid var(--beige-line);background:var(--char-2);
  transition:flex-grow .6s cubic-bezier(.2,.7,.1,1),border-color .3s}
.ares-mode .m-img{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:grayscale(.55) brightness(.6);
  transition:transform 1.2s cubic-bezier(.2,.7,.1,1),filter .6s}
.ares-mode::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,7,.1) 0%,rgba(8,8,7,.5) 45%,rgba(8,8,7,.95) 100%)}
.ares-mode::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--beige);transition:width .6s cubic-bezier(.2,.7,.1,1)}
.ares-mode .tag{position:absolute;top:16px;left:18px;font:600 11px var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--beige-dim)}
.ares-mode .tag b{color:var(--beige);font-weight:600}
.ares-mode .corner{position:absolute;top:14px;right:16px;width:14px;height:14px;border-top:1px solid var(--beige);border-right:1px solid var(--beige);opacity:.6}
.ares-mode h3{margin:0;font:800 clamp(30px,3.4vw,52px)/.92 var(--display);text-transform:uppercase;color:var(--text)}
.ares-mode .go{display:inline-flex;gap:8px;margin-top:12px;font:600 12px var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--beige);
  opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.ares-mode:hover,.ares-mode:focus-visible{flex-grow:1.6;border-color:var(--beige)}
.ares-mode:hover .m-img,.ares-mode:focus-visible .m-img{transform:scale(1.06);filter:none}
.ares-mode:hover::after,.ares-mode:focus-visible::after{width:100%}
.ares-mode:hover .go,.ares-mode:focus-visible .go{opacity:1;transform:none}
@media (max-width:767px){
  .ares-modes-row{flex-direction:column;height:auto}
  .ares-mode{min-height:170px;flex:none}
  .ares-mode .go{opacity:1;transform:none}
  .ares-modes-head span:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){.ares-mode,.ares-mode .m-img,.ares-mode::after,.ares-mode .go{transition:none!important}}

/* =====================================================================
   Size pass: everything a notch smaller so pages fit on one screen
   ===================================================================== */
.content{padding-top:clamp(28px,5vh,52px)!important}
@media (min-width:992px){body:has(.navbar-inverse:not(.fixed-top)) .content{padding-top:clamp(28px,5vh,52px)!important}}

/* Section headings */
.content .header{font-size:clamp(34px,3.8vw,58px)!important;margin-bottom:18px!important}
.content .header::before{font-size:11px;margin-bottom:10px}
.content .header::after{font-size:clamp(60px,7.5vw,112px)}

/* Signed-out "Sign in" heading (the first of two headings): compact, not numbered */
.content .header:has(~ .header){counter-increment:none;font-size:26px!important;margin-bottom:8px!important}
.content .header:has(~ .header)::before{content:"Account"}
.content .header:has(~ .header)::after{content:none}
.content .header:has(~ .header) ~ a img{margin:6px 0 18px}

/* Server cards (home) and server boxes (store) */
.ares-modes{margin-bottom:24px}
.ares-modes-row{height:clamp(150px,20vh,200px)}
.ares-mode{padding:16px 18px}
.ares-mode h3{font-size:clamp(24px,2.4vw,36px)}
.ares-mode .go{margin-top:8px;font-size:11px}
.srv-box{height:180px!important;margin-bottom:18px!important}
.srv-box .srv-label{font-size:clamp(24px,2.2vw,32px);padding:16px 18px!important}

/* Home: servers, then donators side by side, then the goal */
.content .splash-info{gap:18px 22px}
.content .splash-info > .top_donators,.content .splash-info > .recent_donators{order:1}
.content .splash-info > .donationGoal{order:2}
.content .splash-info > *:not(.top_donators):not(.recent_donators):not(.donationGoal){order:3}
.content .donationGoal,.content .top_donators,.content .recent_donators{padding:16px 18px 12px}
.content .donationGoal h2,.content .top_donators h2,.content .recent_donators h2{font-size:22px!important;margin-bottom:10px!important}
.content .donationGoal h2::before,.content .top_donators h2::before,.content .recent_donators h2::before{font-size:10px;margin-bottom:6px}
.content .donationGoal .progress{margin-top:30px;height:6px!important}
.content .donationGoal .progress-bar span{top:-22px!important;font-size:12px}
.content .top_donators .table td,.content .recent_donators .table td{padding:7px 8px;font-size:13px}
.content .top_donators tbody tr:first-child td{padding-top:9px;padding-bottom:9px;font-size:18px}
.content .top_donators tbody td:first-child::before{width:32px;font-size:11px}
.content .top_donators thead td:first-child{padding-left:40px}
.content .recent_donators td:nth-child(4){font-size:10px}

/* Store package pages */
.darker-box{padding:14px 16px!important}
.darker-box label,.darker-box h4,.darker-box b,.darker-box strong{font:600 11px/1 var(--ui)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--beige-dim)}
.darker-box .form-control{height:36px;font-size:14px}
.categoryLink{padding:8px 12px!important;font-size:11px}
.featured-header{padding:6px 10px!important;font-size:11px!important}
.store-box-header{margin-top:12px!important;padding:14px 16px 8px!important;font-size:22px!important}
.store-box .store-box-upper span{font-size:28px!important;padding:2px 16px 10px!important}
.store-box .store-box-upper span del,.store-box .store-box-upper span s{font-size:18px}
.store-box .store-box-upper ul li{padding:8px 16px!important;font-size:14px}
.store-box .store-box-upper ul li b{font-size:11px}
.store-box .store-box-lower{padding:12px 16px!important;font-size:14px}
.store-box img{display:block;width:100%;max-height:200px;object-fit:cover}
.buy-btn{padding:13px 16px!important;font-size:12px!important;margin-bottom:22px!important}

/* Imgur is blocked in the UK ("Content not viewable in your region"): hide those images until they're replaced */
img[src*="imgur.com"]{display:none!important}
.banner:has(img[src*="imgur.com"]){display:none!important}

/* Countdown box: same width as on the main site (lines up with the rail divider) and never spills */
@media (min-width:992px){
  .navbar-inverse:not(.fixed-top) .ares-hud{width:calc(100% - 18px);max-width:202px;overflow:hidden}
}
.ares-hud .hud-count{flex-wrap:nowrap;white-space:nowrap}
.ares-hud .hud-count span{min-width:0}

/* The logo setting may point at Imgur too: the theme replaces it with the helmet, so never hide it */
.navbar .navbar-brand img,.navbar .navbar-brand img[src*="imgur.com"]{display:block!important}
/* Package images swapped in by hud.js (server screenshot / helmet) */
.store-box img.ares-swapped{display:block!important;width:100%;height:160px;max-height:none;object-fit:cover;border-bottom:1px solid var(--beige-line)}
.store-box img.ares-swapped.is-logo{object-fit:contain;padding:22px 0;background:var(--char-2);filter:none}

/* =====================================================================
   Profile page
   ===================================================================== */
/* Profile header = the ticket-header that holds the Steam avatar */
.content .ticket-header:has(> img){position:relative;display:flex;align-items:center;gap:16px;height:auto!important;margin:40px 0 18px!important;padding:0 0 18px!important;
  background:transparent!important;border-bottom:1px solid var(--beige-line);
  font:800 clamp(30px,3.4vw,52px)/1 var(--display)!important;text-transform:uppercase;letter-spacing:.02em;color:var(--text)!important}
.content .ticket-header:has(> img)::before{content:"Profile";position:absolute;left:0;top:-26px;font:600 11px/1 var(--ui);letter-spacing:.28em;color:var(--beige)}
.content .ticket-header > img{width:56px!important;height:56px!important;border:1px solid var(--beige);padding:3px;background:var(--ink)}
/* Other ticket headers (support): palette only */
.ticket-header{background:var(--char-2)!important;color:var(--text)!important;font-family:var(--ui)}
.stat-box-header{margin-top:18px!important;padding:0 0 8px!important;background:transparent!important;border-bottom:1px solid var(--beige-line);
  font:600 11px/1 var(--ui)!important;letter-spacing:.26em;text-transform:uppercase;color:var(--beige)!important}
.stat-box{background:rgba(14,14,13,.86)!important;border:1px solid var(--beige-line);border-top:0}
.stat-box .stat-box-inner{text-align:left!important;padding:16px 18px!important;font-size:15px!important;line-height:1.9;color:var(--text)}
.stat-box .stat-box-inner b{display:inline-block;min-width:90px;font:600 11px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--beige-dim)}

/* Small stat widgets (profile + admin dashboard) */
.dashboard-widget-small-box{position:relative;overflow:hidden;padding:18px 20px!important;margin-bottom:18px!important;
  background:rgba(14,14,13,.88)!important;border:1px solid var(--beige-line)!important;border-top:1px solid var(--beige-line)!important}
.dashboard-widget-small-box::before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--beige);border-left:2px solid var(--beige)}
.dashboard-widget-small-box .element{margin:0;font:800 34px/1 var(--display)!important;color:var(--beige)!important}
.dashboard-widget-small-box .caption{margin:6px 0 0;font:600 11px/1.3 var(--ui)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)!important}
.dashboard-widget-small-box > i,.dashboard-widget-small-box > svg{font-size:30px!important;color:rgba(232,208,162,.35)!important}

/* Panels (profile transactions, admin pages) */
.panel-body{border:1px solid var(--beige-line);background:rgba(14,14,13,.88)!important}
.panel-body .panel-header{background:var(--char-2)!important;border-bottom:1px solid var(--beige-line);
  font:600 11px/1.4 var(--ui)!important;letter-spacing:.22em;text-transform:uppercase;color:var(--beige)!important}

/* =====================================================================
   Admin area (keeps Prometheus' layout, adopts the V5 look)
   ===================================================================== */
.full-content-wrapper,.main-content-box{background:var(--ink)!important}
.navbar.fixed-top{background:rgba(8,8,7,.96)!important}
.navbar.fixed-top .navbar-brand{width:40px;height:40px}
.navbar.fixed-top .navbar-brand img{width:28px!important;height:35px!important}

/* Sidebar */
.main-menu-box{background:var(--ink-2)!important;border-right:1px solid var(--beige-line);font-family:var(--ui)}
.main-menu-box a{text-decoration:none!important}
.main-menu-box li{color:var(--muted)!important;font:600 12px/1.2 var(--ui)!important;letter-spacing:.14em;text-transform:uppercase;
  border-left:2px solid transparent;transition:color .2s,background .2s,border-color .2s}
.main-menu-box li:hover{color:var(--text)!important;background:var(--beige-faint)!important}
.main-menu-box .main-menu-outer-box li.active{color:var(--beige)!important;background:var(--char-2)!important;border-left-color:var(--beige);box-shadow:none}
.main-menu-box .nav-icons,.main-menu-box .nav-icons i,.main-menu-box .nav-icons svg{color:rgba(232,208,162,.5)!important}
.main-menu-box li.active .nav-icons i,.main-menu-box li.active .nav-icons svg{color:var(--beige)!important}
.main-menu-box .sub-menu{background:var(--ink)!important}
.main-menu-box .sub-menu li{font-size:11px!important;letter-spacing:.12em}
.main-menu-box .submenu-header{font:600 10px/1 var(--ui)!important;letter-spacing:.26em;text-transform:uppercase;color:var(--beige)!important;background:transparent!important}
.main-menu-box .version-marker{font:500 10px var(--ui);letter-spacing:.16em;color:var(--muted)!important;border-top:1px solid var(--beige-line)}

/* Page title bar */
.content-page-top{display:flex;align-items:center;background:var(--ink-2)!important;border-bottom:1px solid var(--beige-line)}
.content-page-top span{font:800 22px/1 var(--display)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--text)!important}
.content-page-top i,.content-page-top svg{color:var(--beige)!important}
.content-outer-hbox,.content-inner{background:transparent!important;color:var(--text)}
.content-inner h1,.content-inner h2,.content-inner h3,.content-inner h4{font-family:var(--display);text-transform:uppercase;color:var(--text)}

/* Admin dashboard quick-nav */
.dashboard-nav{border:1px solid var(--beige-line)}
.dashboard-nav a{font:600 11px/1 var(--ui)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)!important;border-right:1px solid var(--beige-line)}
.dashboard-nav a:hover,.dashboard-nav a.active{color:var(--beige)!important;background:var(--char-2)!important}

/* Tabs, cards, list groups, wells used across admin pages */
.nav-tabs{border-bottom-color:var(--beige-line)!important}
.nav-tabs .nav-link{border-radius:0!important;color:var(--muted)!important;font:600 11px var(--ui);letter-spacing:.16em;text-transform:uppercase}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{background:var(--char-2)!important;color:var(--beige)!important;border-color:var(--beige-line) var(--beige-line) var(--char-2)!important}
.card,.list-group-item,.well{background:rgba(14,14,13,.88)!important;border-color:var(--beige-line)!important;color:var(--text)!important;border-radius:0!important}
.card-header{background:var(--char-2)!important;border-color:var(--beige-line)!important;font:600 11px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--beige)}
.checkbox label,.custom-control-label{color:var(--text)}
#sortable li{background:var(--char-2)!important;border:1px solid var(--beige-line)}